﻿@{
    Layout = null;
    ViewBag.Title = "专区";
    var topicgroup = ViewData["topicgroup"] as Pay.DTO.topic_group_dto;
    var domain = ViewData["url"] as string;
    var src = domain + topicgroup.show_images;
}
<html>

<head>
    <meta charset="UTF-8" />
    <title>专区</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" type="text/css" href="~/Content/css/reset.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/css/gelunbu.css" />
</head>

<body>
    <div class="itembox">
        <a href="javascript:;" class="pic_wrapper">
            <img src="@src" alt="" class="b_picture">
        </a>
    </div>

    <div class="special-wrap">
        <ul class="related_container " style="background: #fff;">
            @if (topicgroup.topic_products != null && topicgroup.topic_products.Count > 0) {
                            foreach (var item in topicgroup.topic_products) {
                                var productsrc = domain + item.product.first_image;
            <li class="relate_item">
                <a href="/Product/ProductDetail/@item.product.id">
                    <img src="@productsrc" class="pro_list_img">
                    <h2 class="pro_h2">@(item.product.name.Length > 10 ? item.product.name.Substring(0, 10) + ".." : item.product.name)</h2>
                    <p class="relate_small_title">@item.product.short_description</p>
                    <span class="relate_price">$@item.product.price</span>
                </a>
            </li>
                }
            }
        </ul>
    </div>
</body>
</html>